<template>
  <div class="shop-safe">
    <shop-safe-nav-bar />
    <scroll class="scroll" ref="scroll">
      <shop-food-super-vision :status="$store.state.shopDetailStatus" />
      <shop-base-info />
      <shop-license-certificate />
    </scroll>
  </div>
</template>

<script>
import Scroll from "components/common/betterScroll/Scroll";

import ShopSafeNavBar from "./childComps/ShopSafeNavBar";
import ShopBaseInfo from "./childComps/ShopBaseInfo";
import ShopFoodSuperVision from "../ShopFoodSuperVision";
import ShopLicenseCertificate from "./childComps/ShopLicenseCertificate";
export default {
  components: {
    Scroll,
    ShopSafeNavBar,
    ShopBaseInfo,
    ShopFoodSuperVision,
    ShopLicenseCertificate
  },
};
</script>
<style lang="less" scoped>
.shop-safe {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ebebeb;
  .scroll {
    height: calc(100% - 44px);
    overflow: hidden;
  }
}
</style>